<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta name="Author" content="benben" />
	<meta name="Description" content="Produces by JWI (http://www.51jsr.com)" />
	<meta name="keywords" content="JavaScript Framework,webUI,js,function,HTML,CSS,脚本" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Jsr.Cookie 的封装演示 jsRookie - JavaScript UI module package</title>
	<link rel="shortcut icon" href="/favicon.ico" />
	<link href="../resources/example.css" type="text/css" rel="stylesheet" />
	<script type="text/javascript" src="../jsr/jsr.core.js?skin=default&lang=zh-cn"></script>
</head>

<body>
<div id="bodyWrap" class="font">
	<b class="demoCaption">Jsr.Cookie 的封装演示</b><hr/><br/>
	<table class="runWrap">
		<tr><td colspan="2">
			a) 查看Cookie中的数据内容
		</td><td>
			<input type="button" value="查看数据" onclick="alert(document.cookie);"/>
		</td></tr>
		<tr><td colspan="2">
			b) 执行 <b class="blue">Jsr.clearCookie();</b>&nbsp;&nbsp;&nbsp;&nbsp;
			清除Cookie里所有的对象数据
		</td><td>
			<input type="button" value="清除数据" onclick="Jsr.clearCookie();alert('清除完成！');"/>
		</td></tr>
		<tr><td width="360px" rowspan="2">
			c) 执行 <b class="blue">Jsr.setCookie(keyName, keyValue);</b>
		</td><td width="240px">
			请输入keyName：
			<input type="text" id="keyName" style="color:#000;width:130px;height:16px;background:#fff;line-height:16px;"/>
		</td><td width="81px" rowspan="2">
			<input type="button" value="保存数据" onclick="setCookie();alert('保存完成！');"/>
		</td></tr>
		<tr><td>
			请输入keyValue：
			<input type="text" id="keyValue" style="color:#000;width:130px;height:16px;background:#fff;line-height:16px;"/>
		</td></tr>
		<tr><td>
			d) 执行 <b class="blue">Jsr.getCookie(keyName);</b>&nbsp;&nbsp;
			取指定Cookie对象的值
		</td><td>
			请输入keyName：
			<input type="text" id="gKeyName" style="color:#000;width:130px;height:16px;background:#fff;line-height:16px;"/>
		</td><td>
			<input type="button" value="查看结果" onclick="alert(Jsr.getCookie(gkn.value));gkn.value='';"/>
		</td></tr>
		<tr><td>
			e) 执行 <b class="blue">Jsr.removeCookie(keyName);</b>&nbsp;&nbsp;
			删除指定Cookie对象
		</td><td>
			请输入keyName：
			<input type="text" id="rKeyName" style="color:#000;width:130px;height:16px;background:#fff;line-height:16px;"/>
		</td><td>
			<input type="button" value="删除对象" onclick="Jsr.removeCookie(rkn.value);rkn.value='';alert('删除完成！');"/>
		</td></tr>
	</table>
	<br/><br/>
	<!--input type="button" value="清理内存" onclick="setTimeout(CollectGarbage, 10);"/-->
	<br/><br/>
	&copy; 2008-2011 51jsr.com
</div>
</body>
<script language="JavaScript">
var kn = document.getElementById("keyName"),
kv = document.getElementById("keyValue"),
gkn = document.getElementById("gKeyName"),
rkn = document.getElementById("rKeyName");

function setCookie() {
	Jsr.setCookie(kn.value, kv.value);
	kn.value = kv.value = "";
}
</script>
</html> 